<!--  -->
<template>
  <div>
       <header>


        <div class="head-content">
            <div class="warp">
                <div class="logo"></div>
                <div class="nav">
                    <ul class="nav-main" >
                        <li><a href="/">首页</a></li>
                        <li>  <router-link to="booklist">电子图书</router-link></li>
                         <!-- <li>  <router-link to="bookwx">文学图书</router-link></li>
                         <li>  <router-link to="journals">期刊</router-link></li> -->
                     
                        <!-- <li><a href="#">硬件图赏</a></li>
                        <li><a href="#">排行榜</a></li> -->
                    </ul>
                    <!-- <ul class="login">
                        <li><a href="#">登录</a></li>
                        <li><a href="#">注册</a></li>
                    </ul> -->
                </div>
            </div>
        </div>
    </header>
  </div>
</template>

<script>
 import '../../assets/css/zz.css'
 import '../../assets/css/reset.css'
import '../../assets/css/animation.css'
export default {
  name:'',
  components: {},
  props:{},
  data () {
  return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted(){},
  methods: {}
}

</script>
<style lang='css' scoped>
.nav-main  li{
  display:inline-block
}
</style>